<!-- user navigation bar -->

<div id="user_navbar">
	<div class="languages">{include file='blocks'|cat:$smarty.const.RL_DS|cat:'lang_selector.tpl'}</div>

	<div class="left"></div>
	<div class="center">
		{if $isLogin}
			<a title="{$lang.account_area}" class="account" href="javascript:void(0)">{$isLogin}<span>&nbsp;</span></a>
			<a class="logout" title="{$lang.title_logout}" href="{$rlBase}{if $config.mod_rewrite}{$pages.login}.html?action=logout{else}?page={$pages.login}&amp;action=logout{/if}">{$lang.logout}</a>
			<ul class="menu hide">
				{foreach from=$account_menu item='mItem'}
					{if $mItem.Key == 'my_messages' && !$config.messages_module}{else}
						<li>
							<a {if $page == $mItem.Path}class="active"{/if} title="{$mItem.title}" href="{if $mItem.Page_type == 'external'}{$mItem.Controller}{else}{$rlBase}{if $config.mod_rewrite}{if $mItem.Path != ''}{$mItem.Path}.html{$mItem.Get_vars}{/if}{else}{if $mItem.Path != ''}?page={$mItem.Path}{$mItem.Get_vars|replace:'?':'&'}{/if}{/if}{/if}">{$mItem.name}</a>
							{if $mItem.Key == 'my_messages' && $new_messages}
								<a title="{$lang.new_message_available|replace:'[count]':$new_messages}" class="note" href="{$rlBase}{if $config.mod_rewrite}{if $mItem.Path != ''}{$mItem.Path}.html{/if}{else}{if $mItem.Path != ''}?page={$mItem.Path}{/if}{/if}"><img class="envelop" src="{$rlTplBase}img/blank.gif" alt="" /></a>
							{/if}
						</li>
					{/if}
				{/foreach}
				
				{rlHook name='tplAfterAccountMenu'}
			</ul>
			
			<script type="text/javascript">
			{literal}
			var user_menu = false;
			
			$(document).ready(function(){
				$('#user_navbar a.account').click(function(){
					if ( !user_menu )
					{
						$(this).addClass('active');
						$('#user_navbar ul.menu').show();
						
						user_menu = true;
					}
					else
					{
						$(this).removeClass('active');
						$('#user_navbar ul.menu').hide();
						
						user_menu = false;
					}
				});
			});
			
			$(document).click(function(event){
				if ( !$(event.target).parent().hasClass('account') && !$(event.target).hasClass('account') )
				{
					$('#user_navbar ul.menu').hide();
					$('#user_navbar a.account').removeClass('active');
					user_menu = false;
				}
			});
			
			{/literal}
			</script>
		{else}
			<a title="{$lang.create_account}" class="registration" href="{$rlBase}{if $config.mod_rewrite}{$pages.registration}.html{else}?page={$pages.registration}{/if}">{$lang.registration}</a>
			<a title="{$lang.login}" class="login" href="javascript:void(0)">{$lang.login}</a>
		{/if}
		
		{rlHook name='tplUserNavbar'}
	</div>
	<div class="right"></div>
</div>

{if !$isLogin}
	<div id="login_modal_source" class="hide">
		<div class="caption_padding">{$lang.login}</div>
		<form action="{$rlBase}{if $config.mod_rewrite}{$pages.login}.html{else}?page={$pages.login}{/if}" method="post">
			<input type="hidden" name="action" value="login" />
			<table class="white">
			<tr>
				<td class="caption">{$lang.username}</td>
				<td class="field"><input type="text" name="username" style="width: 180px;" maxlength="100" value="{$smarty.post.username}" /></td>
			</tr>
			<tr>
				<td class="caption">{$lang.password}</td>
				<td class="field"><input type="password" name="password" style="width: 180px;" maxlength="100" /></td>
			</tr>
			<tr>
				<td class="caption"></td>
				<td class="field"><div style="padding-top: 8px"><input type="submit" value="{$lang.login}" /></div></td>
			</tr>
			<tr>
				<td></td>
				<td class="field">
					<span class="white_12">{$lang.forgot_pass}</span> <a title="{$lang.remind_pass}" class="brown_12" href="{$rlBase}{if $config.mod_rewrite}{$pages.remind}.html{else}?page={$pages.remind}{/if}">{$lang.remind}</a>
				</td>
			</tr>
			</table>
		</form>
	</div>
	
	<script type="text/javascript">
	{literal}
	
	$(document).ready(function(){
		$('#user_navbar a.login').flModal({
			width: 340,
			height: 230,
			source: '#login_modal_source'
		});
	});
	
	{/literal}
	</script>
{/if}

<!-- user navigation bar end -->